@charset "utf-8";
/* CSS Document */
/*
1层z-index:0  .bg（背景）
2 设置背景
3层 头像 牌 按钮 设置 打出去的牌
4层 按钮
5层 倒计时  宝箱
6层 聊天信息 炸弹 飞机
7层  设置层 等弹出层
8 托管背景
9 结果页面
10 .portrait（禁止竖屏）
*/

/*小屏手机480*320*/

	
	
	.room{position:absolute; z-index:2; width:100%}
	
	
	

	
	
	

	
	
	/*工具箱*/
	
	
	
	
	.toolSetBg{border-top:1px solid #909191; border-left:1px solid #232a2c; border-right:1px solid #232a2c;  border-bottom:1px solid #030e10;-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.3);-moz-box-shadow:3px 3px 3px rgba(0,0,0,.3);-ms-box-shadow:3px 3px 3px rgba(0,0,0,.3);box-shadow:3px 3px 3px rgba(0,0,0,.3); background-color:#000000;opacity:0.9 ; border-radius:5px;}
	
	
	/*基分*/
	
	.bobNums{display:none; width:100px; height:30px; position:absolute; left:50%; margin-left:-50px; margin-top:30px;  color:#9fe6f5; font-size:12px;text-shadow:1px 1px 2px rgba(0,0,0,.3); }
	

	
	
	

	
	/*宝箱*/
	.chest{position:absolute; z-index:7; right:2%; bottom:120px;width:39px; }
	.chestBox{ width:39px; height:39px;display:inline-block; margin-bottom:5px;background-position:-0px -280px; }
	.chestText{ width:39px; color:#fff; text-align:center; font-size:12px; height:20px; line-height:20px;  }
	
	/*比赛排行*/
	.gameRandInfo{position:absolute; z-index:7; right:2%; bottom:120px;width:44px; }
	.gameRandInfoBox{ width:42px; height:44px;display:inline-block; margin-bottom:5px;background-position:-50px -280px; }
	.gameRandInfoText{ width:42px; color:#fff; text-align:center; font-size:12px; height:20px; line-height:20px;  }
	
	
	

	
	.result h1{ height:50px; line-height:50px; text-align:center; padding-top:8px;}
	
	.resultPng{ width:133px; height:35px; display:inline-block}
	.lw .resultPng{background-position:0px -40px;}
	.ls .resultPng{background-position:0px -0px;}
	.fw .resultPng{background-position:0px -120px;}
	.fs .resultPng{background-position:0px -80px;}
	
	.resultFace{ display:inline-block; position:absolute; top:-20%;}
	.lw .resultFace{background-position:-160px -120px; width:109px; height:113px; left:-5%}
	.ls .resultFace{background-position:-160px -00px; width:120px; height:109px; left:-5%}
	.fw .resultFace{background-position:-80px -160px; width:67px; height:120px ;left:0%}
	.fs .resultFace{background-position:-0px -160px; width:79px; height:119px; left:0%}
	
	.resultText{font-size:15px; height:140px;background:#7bcfd9;background:-webkit-linear-gradient(#a7f2ea 0%,#52aeca 100%);background:-moz-linear-gradient(#a7f2ea 0%,#52aeca 100%);background:-ms-linear-gradient(#a7f2ea 0%,#52aeca 100%);background:linear-gradient(#a7f2ea 0%,#52aeca 100%); margin:0px 10px; border-radius:5px;-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.3);-moz-box-shadow:2px 2px 2px rgba(0,0,0,.3);-ms-box-shadow:2px 2px 2px rgba(0,0,0,.3);box-shadow:2px 2px 2px rgba(0,0,0,.3);text-shadow:1px 1px 1px rgba(256,256,256,.8) }
	
	.resultMy{ padding:10px 15px;}
	.resultMy-name{ line-height:23px; float:left}
	.resultMy-dou{ float:right; font-size:24px; margin-right:5px; line-height:40px; font-weight:bolder; color:#CCCCCC;text-shadow:1px 1px 1px rgba(0,0,0,.8)}
	.lw .resultMy-dou,.fw  .resultMy-dou{ color:#f8e50c;text-shadow:1px 1px 1px rgba(0,0,0,.8)}
	.upRankChange{ width:12px; height:15px; display:inline-block;background-position:-0px -300px;}
	.downRankChange{ width:12px; height:15px; display:inline-block;background-position:-15px -300px;}

	
	
	
	/*登入页面*/
	.login{ width:480px; height:240px; position:absolute; top:50%; left:50%; margin-top:-120px; margin-left:-240px;}
	.login-img{ float:left; margin-top:10px;}
	.login-input{ float:left; width:200px; height:240px; border:1px #043545 solid; border-radius:8px; margin-left:20px;background:-webkit-linear-gradient(#a3ccd6 0%,#73aebe 2%,#006987 3%,#033c4f 100%);}
	.login-input-text{ margin:30px 5px 10px 5px; border:1px #024457 solid; border-radius:5px; background:#fff; }
	.login-input-text>div{ height:30px; line-height:30px; padding:0px 5px;}
	.login-input-text>div:first-child{border-bottom:2px #c3c3c3 solid;}
	.login-input-text input{width:120px; border:none;height:30px; line-height:30px; color:#b4b4b4 }
	.login-input-select{ color:#fff; margin:0px 5px;}
	.login-input-select a{ color:#5bb7d2; float:right}
	.login-input-button{  margin:40px 5px 0px 5px; text-align:center}
	.login-input-button input{ height:46px; line-height:40px; color:#fff; font-size:22px; padding:0px 30px; border:none;border-radius:5px; text-shadow:1px 1px 1px rgba(0,0,0,.6);-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.3); }

	/*商品列表*/
	.chargeMallLists{ margin:2px;}
	.chargeMallLists li{ float:left; width:49.6%;background:#33a2bc;background:-webkit-linear-gradient(#91e2e1 0%,#3fabc1 100%);background:-ms-linear-gradient(#91e2e1 0%,#3fabc1 100%);background:-moz-linear-gradient(#91e2e1 0%,#3fabc1 100%);background:linear-gradient(#91e2e1 0%,#3fabc1 100%);height:55px; margin:0.2%}
	.chargeMallListsText{ float:left; height:40px;line-height:20px;width:85px; font-size:12px;  margin-top:7px;  margin-left:5px}
	.chargeMallListsImg{ margin-top:7px;float:left;height:33px; width:40px; margin-left:5px; display:inline-block}
	.chargeMallListsHref{ margin-top:15px;float:left;height:25px; line-height:25px; margin-left:5px; border:1px solid #074152; background:#085a74; color:#fff; padding:0px 10px; display:inline-block;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.3);border-radius:3px}
	.code-1{background-position:-120px -220px;}
	.code-2{background-position:-160px -220px;}
	.code-3{background-position:-200px -220px;}
	.code-4{background-position:-240px -220px;}
	
	/*登入送乐豆*/
	.sendDouHead{ font-size:12px; color:#383233; height:25px; line-height:25px;padding:0px 5px;}
	.sendDouLists li{ float:left; margin:11px; width:40px; height:60px;text-align:center;}
	.sendDouListsBg{ background:#fff; width:40px; height:40px;display:block;border-radius:3px;}
	.sendDouListsBg-on{background:background:#ffe200;background:-webkit-linear-gradient(#103f47 0%,#ffe200 100%);background:-ms-linear-gradient(#103f47 0%,#ffe200 100%);background:-moz-linear-gradient(#103f47 0%,#ffe200 100%);background:linear-gradient(#103f47 0%,#ffe200 100%)}
	.sendDouLists li .icon{ width:38px; height:38px; border:1px #107591 solid;border-radius:3px; display:block;position:relative; }
	.sendDouListsDou{position:absolute;  bottom:0px; left:5px; color:#ffec74;-webkit-text-stroke: 1px #2f0d00;-ms-text-stroke: 1px #2f0d00;-moz-text-stroke: 1px #2f0d00;text-stroke: 1px #2f0d00;    }


	/*炸弹和飞机*/
	.effectPng{ background-image:url(../images/effect_480.png)}
	#bomb{background-position:0px 0px; width:92px; height:104px;position:absolute; z-index:7; left:50%; margin-left:-46px;margin-top:-52px;}
	#plain{background-position:-100px 0px; width:103px; height:109px;position:absolute; z-index:7; top:50%; margin-left:-52px;margin-top:-55px;left:100%}

	/*返回*/
	.button-back-1{position:absolute; z-index:7; left:50%; top:50%; margin-left:-30px; margin-top:-15px;}

	

